echart01-入门实例
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <label class="my-unselectable" (click)="toggleE2()">
            <round-toggle-button [enabled]="this.showFunE2" [size]="24"></round-toggle-button>{{showFunE2|freeenum:'normalShowOrHide'}}E2的loading
        </label>
    </div>
</div>
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div class="row">
    <div class="col-lg-6 col-md-12">
        <div id="e1" style="width: 100%;height:400px;"></div>
    </div>
    <div class="col-lg-6 col-md-12">
        <div id="e2" style="width: 100%;height:400px;"></div>
        <round-loading *ngIf="this.showFunE2" style="margin: 0; padding: 0; position: absolute; top:0; left:0; right:0; bottom:0;"></round-loading>
    </div>
</div>
<div class="row">
    <div class="col-lg-6 col-md-12">
        <div id="e3" style="width: 100%;height:400px;"></div>
        <div *ngIf="this.showFunE3" style="z-index:auto; position:absolute; top:0; left:0; width: 100%; height:400px;">
            <a style="position:absolute;width:50px;height:20px;top:200px;left:5%;" href="#">prev</a>
            <a style="position:absolute;width:50px;height:20px;top:200px;right:5%;" href="#">next</a>
        </div>

    </div>
    <div class="col-lg-6 col-md-12" (mouseover)="myMouseOver(true)" (mouseout)="myMouseOver(false)">
        <div id="e4" style="width: 100%;height:400px;"></div>
        <ul class="flex-direction-nav" *ngIf="this.showFunE4" (mouseover)="myHoverIn(true)" (mouseout)="myHoverIn(false)">
            <li><a class="flex-prev" href="#"><span class="glyphicon glyphicon-chevron-left">PREV</span></a></li>
            <li><a class="flex-next" href="#"><span class="glyphicon glyphicon-chevron-right">NEXT</span></a></li>
        </ul>
    </div>
</div>